<template>
<!--提取登录头-->
 <div>
   <div class="header-log">
     <div class="head-images">
       <el-avatar :size="50">
         <el-image :src="require('../../assets/image/login-bar.jpg')"></el-image>
       </el-avatar>
       <router-link to="/"><h3>狗眼电影</h3></router-link>
     </div>
   </div>
   <div class="border-div"></div>
 </div>
</template>

<script>
export default {
  name: "LoginHeader"
}
</script>

<style scoped lang="scss">
@import "../../assets/css/mixin";
.header-log{
  @include size(980,50);
  margin: 0 auto;
  .head-images{
    margin-top: 12px;
    display: flex;
    .el-avatar{
      position: absolute;
    }
    h3{
      font-size: 18px;
      display: flex;
      align-items: center;
      position: relative;
      color: red;
      font-weight: bold;
      top: 12px;
      left: 56px;
    }
  }
}
.border-div{
  margin-top: 10px;
  border: 1px solid red;
}
</style>